<!DOCTYPE html>
<html>

	<head>
		<title>联系我们</title>
		<!-- for-mobile-apps -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Tutelage Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
		<script type="application/x-javascript">
			addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);

			function hideURLbar() { window.scrollTo(0, 1); }
		</script>
		<!-- //for-mobile-apps -->
		<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<!-- js -->
		<script src="js/jquery-1.11.1.min.js"></script>
		<!-- //js -->
		<script src="js/modernizr.custom.js"></script>
		<!-- fonts -->
		<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
		<link href='http://fonts.useso.com/css?family=Alegreya:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
		<!-- //fonts -->
		<!-- start-smoth-scrolling -->
		<script type="text/javascript" src="js/move-top.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
				});
			});
		</script>
		<!-- start-smoth-scrolling -->

	</head>

	<body>
		<!-- header -->
		<div class="header">
			<div class="container">
				<div class="header-nav">
					<nav class="navbar navbar-default">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
							<h1><a class="navbar-brand" href="index.html"><i class="glyphicon glyphicon-education" aria-hidden="true"></i><span>So</span>Gine</a></h1>
						</div>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">

							<nav class="navbar navbar-default">
								<!-- Brand and toggle get grouped for better mobile display -->
								<div class="navbar-header">
									<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
									<h1><a class="navbar-brand" href="index.html"><i class="glyphicon glyphicon-education" aria-hidden="true"></i><span>So</span>Gine</a></h1>
								</div>
								<!-- Collect the nav links, forms, and other content for toggling -->
								<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
									<ul class="nav navbar-nav">
										<li>
											<a class="hvr-overline-from-center button2 " href="index.html">首页</a>
										</li>
										<li>
											<a class="hvr-overline-from-center button2" href="about.html">我们的产品</a>
										</li>
										<li>
											<a class="hvr-overline-from-center button2" href="tech.html">我们的技术</a>
										</li>
										<li>
											<a class="hvr-overline-from-center button2" href="services.html">我们的服务</a>
										</li>
										<li>
											<a class="hvr-overline-from-center button2 active" href="contact.html">联系我们</a>
										</li>
											</ul>
						
						</div>
						<!-- /navbar-collapse -->

						
					</nav>
				</div>
			</div>
		</div>
			<!-- header -->
			<!-- banner -->
			<div class="banner page-head">
			</div>
			<!-- //banner -->
			<!-- contact-page -->
			<div class="contact">
				<div class="container">
					<div class="contact-page">
						<div class="contact-info">
							<h2 class="tittle">联系我们</h2>
						</div>
						<div class="contact-map">
							<iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d2482.432383990807!2d0.028213999961443994!3d51.52362882484525!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1423469959819"></iframe>
						</div>
						<div class="contact-form">
							<form>
								<input type="text" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required="">
								<input type="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}" required="">
								<input type="text" value="Telephone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Telephone';}" required="">
								<textarea onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Message...';}" required="">Message</textarea>
								<input type="submit" value="SEND">
							</form>
						</div>
					</div>
				</div>
			</div>
			<!-- //contact-page -->
			<!-- footer -->
			<div class="footer">
				<div class="container">
					<div class="footer-grids">
						<div class="col-md-3 footer-grid">
						<h3>联系我们</h3>
						<ul>
							<li>
								<a href="#">地址：上海市浦东新区塘桥茂兴路88号</a>
							</li>
							<li>
								<a href="#">邮编：200120 </a>
							</li>
							<li>
								<a href="#">商务合作：158-0176-9561</a>
							</li>
							<li>
								<a href="#">邮箱：services@suqing.com</a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>我们的产品 </h3>
						<ul>
							
							<li>
								<a href="about.html">企业信息管理系统</a>
							</li>
							<li>
								<a href="about.html">生产管理系统</a>
							</li>
							<li>
								<a href="about.html">仓储管理系统</a>
							</li>
							<li>
								<a href="about.html">购销管理系统</a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>我们的技术</h3>
						<ul>
							<li>
								<a href="tech.html">数据库</a>
							</li>
							<li>
								<a href="tech.html">信息安全</a>
							</li>
							<li>
								<a href="tech.html">移动技术</a>
							</li>
							<li>
								<a href="tech.html">UI交互技术</a>
							</li>
							<li>
								<a href="tech.html">大数据</a>
							</li>
						</ul>
					</div>
					<div class="col-md-3 footer-grid">
						<h3>我们的服务</h3>
						<ul>
							<li>
								<a href="services.html">专业的业务咨询规划</a>
							</li>
							<li>
								<a href="services.html">规范的产品研发实施</a>
							</li>
							<li>
								<a href="services.html">完善的售后服务</a>
							</li>
							<li>
								<a href="services.html">服务流程</a>
							</li>
							<li>
								<a href="#"></a>
							</li>
						</ul>
					</div>
					<div class="clearfix"></div>
					</div>
					<p> Copyright © suqing.com 沪ICP备xxxxxxx号| 沪公网安备 xxxxxxx号
					<a href="http://www.suqingtech.com/" target="_blank" title="上海溯擎信息科技有限公司">上海溯擎信息科技有限公司</a>
				</p>
				</div>
			</div>
			<!-- //footer -->
			<!-- for bootstrap working -->
			<script src="js/bootstrap.js"></script>
			<!-- //for bootstrap working -->
			<!-- smooth scrolling -->
			<script type="text/javascript">
				$(document).ready(function() {
					/*
						var defaults = {
						containerID: 'toTop', // fading element id
						containerHoverID: 'toTopHover', // fading element hover id
						scrollSpeed: 1200,
						easingType: 'linear' 
						};
					*/
					$().UItoTop({ easingType: 'easeOutQuart' });
				});
			</script>
			<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
			<!-- //smooth scrolling -->

	</body>

</html>